<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<style  >
    /* 网站地图样式变化 */
    #home{ width:80px; background: url(@{/images/index/icon-r-list.png}) no-repeat 6px 15px #65d9ff; text-indent:15px;}
    #home:hover{background: url(@{/images/index/icon-r-list2.png}) no-repeat 6px 15px #57b6ec; }
    .wzd{
        margin-top:-20px;
        width:110px;
        margin-right:-2.5px;
    }
</style>

<body>
<!-- Header -->
<div th:fragment="header(title)" class="bg_blue">
    <img th:src="@{/images/index/logo.png}" class="img1" />
    <p>
        <a href="javascript:logout();" class="bg-red"><img th:src="@{/images/index/icon-quit.png}" />退出</a>
        <a class="bg-yellow"  onclick="showBuycarList()" > <img th:src="@{/images/index/icon-user.png}" />我的购物车
            <span class="buycarcounts" id="buyCarCounts">0</span>
        </a>
        <!--<a id="dzsc" class="bg-green"  &lt;!&ndash;onclick="addTab('电子商城','/app/basedata/buycarnew/initManPageNormal?isFrame=1','-1')"&ndash;&gt; > <img th:src="@{/images/index/shop.png}" />电子商城</a>-->
        <a href="" target="_blank" id="scms_index" class="bg-blue1"><img th:src="@{/images/index/icon-set.png}" />旧版入口</a>
        <a class="bg-purp"><img th:src="@{/images/index/icon-help.png}" />帮助</a>
        <a class="bg-blue active" id="map"><img th:src="@{/images/index/icon-map.png}" />网站地图</a>
        <a style="color:#333"><span class="mr10"><span id="userName" th:text="${principal.username}"></span><span>您好！</span></span>	</a>
    </p>

    <!-- 网站导航 -->
    <div id="menu-down"></div>
</div>
<!-- Footer -->
<div  th:fragment="footer" class="navbar-fixed-bottom bg_blue" >
    <div class="text-center">版权所有 © 中国移动通信集团云南有限公司</div>
</div>
<!-- Menu -->
<div class="container" th:fragment="menu">
    <div class="row" style="margin-top: -15px;">
        <div class="col-md-2 form-inline">
            <div class="row" style="margin: 0;">
                <span class="clearfix"><BR /></span>
            </div>
            <div class="row pull-left" style="margin: 0;">
                <div class="dropdown">
                    <a href="#" style="margin: 0;"
                       class="btn btn-primary  btn-lg btn-block" data-toggle="dropdown"
                       role="button" aria-expanded="false">
                        <h4 style="margin: 0;">
                            Menu <span class="caret"></span>
                        </h4>
                    </a>
                    <ul class="dropdown-menu multi-level" role="menu"
                        aria-labelledby="dropdownMenu">
                        <li class="dropdown-submenu"><a tabindex="-1" href="#">Auth</a>
                            <ul class="dropdown-menu">
                                <li><a tabindex="-1" href="#" th:href="@{'/stow_inquiry'}">Test</a></li>
                                <li sec:authorize="hasRole('ROLE_USER')"><a tabindex="-1"
                                                                            href="#" th:href="@{'/stow_inquiry'}">User</a></li>
                                <li sec:authorize="hasRole('ROLE_ADMIN')"><a tabindex="-1"
                                                                             href="#" th:href="@{'/stow_inquiry'}">Admin</a></li>
                            </ul></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>